<template>
  <div>
     <div class="box">
       <label>VUE和react的区别</label>
        <p>
          相同点 :<br>
          1. 都有组件化开发和虚拟dom  
          2.都支持props属性进行父子间数据通信
          3.都支持数据驱动视图，不直接操纵真是dom，更新状态数据界面就自动更新
          4.都支持服务器渲染
          5.所支持native方案，react的react native；vue的wexx<br>
          不同点：<br>
          1.vue实现了数据的双向绑定，react数据流是单向的。
          2.组件的写法不一样，react是jsx语法，也就是html css 全部写入js文件，Vue是webpack+vue+loader的单文件组件格式，即js css html 写在同一个文件
          3.state状态在react中需要setState方法去更新状态，，，Vue中数据由data属性在vue对象中管理
        </p>
     </div>
     <div class="box">
       <label>core-js</label>
        <p>
        1.  ECMAScript  的迅速成长以及浏览器的频繁更新换代，每年会出现新的 api ，举个例子 es6 时期诞生的  'Promise'  ，'Set'  或者是 'es7'  数组新提供的方法 'includes' ,这些新加入的 'api' ，就引出一个词 "polyfill"  'polyfill(垫片/补丁)' 就是用社区上提供的一段代码，让我们在不兼容某些新特性的浏览器上，使用该新特性。新功能的es'api'转换为大部分现代浏览器都可以支持运行的一个'api' 补丁包集合。<br>

        2. 因为官方库对他介绍的形容<br>
        2.1. 它支持最新的 ECMAScript 标准<br>
        2.2. 它支持ECMAScript 标准库提案<br>
        2.3. 它支持一些 WHATWG / W3C 标准（跨平台或者 ECMAScript 相关）<br>
        2.4. 它最大限度的模块化：你能仅仅加载你想要使用的功能<br>
        2.5. 它能够不污染全局命名空间<br>
        2.6. 它和babel紧密集成：这能够优化core-js的导入<br>
        2.7. 它是最普遍、最流行 的给 JavaScript 标准库打补丁的方式<br>
        </p>
     </div>

  </div>
</template>

<script>
export default {
  name: "VueView",
};
</script>

<style lang="less" scoped>
.box {
  font-size: 14px;
  box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 10px 5px;
  label {
    font-size: 16px;
    font-weight: bold;
  }
  >p{
    line-height: 20px;
    padding: 10px 0;
  }
}
</style>  